
img.Phylum {
	border: 5px solid #adad00;
}

img.Class {
	border: 5px solid #adad00;
}

img.Order {
	border: 5px solid #adad00;
}

img.Family {
	border: 5px solid #adad00;
}

img.Genus {
	border: 5px solid #adad00;
}

img.species {
	border: 5px solid #adad00;
}


/* This style sheet is for the CSS that works properly on Netscape 4 browsers.*/

/*IMPORT: This tag imports the CSS not supported by Netscape 4 browsers.*/
@import "interior_modern.css";

body
{
	background-color: #FFFFFF;
	margin: 4px;
	font-family: Geneva, Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: .9em;
	
}


/* TD: This is required for older browsers that do not read fonts from the BODY tag.*/
td
{
	font-family: Serif, Geneva, Helvetica, Arial, sans-serif;
        color: #000000;
	font-size: .9em;
	line-height: 120%;
}

/* PAGETABLE: Use this setting to control the width of the web page. Width does not always work on Netscape 4 browsers.*/
#pagetable
{
	width: 100%;
	background-color: #0d3159
}

/* SECTION TITLES: This controls the appearance of the main section title located in the header of each page.*/
#sectiontitle
{
	width: 100%;
	font-weight: bold;
	line-height: 100%;
	color: #fff0eb;
	font-size: 20px;
}

/* PAGE TITLES: This controls the optional 3rd level page titles that are placed beneath the Section Titles. */
#pagebreak
{
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 60%;
	background-color: #FFFFFF;
}
#pagetitle
{
	font-size: 15px;
	font-weight: bold;
	color: #fff0eb;
	line-height: 160%;
	background-color: #336699;
}
/* PAGE TITLES: This is the same as above except that it is used when there are two lines in the title. */
#pagetitle_2lines {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	line-height: 110%;
	background-color: #E1E2D5;
}

#navtitle
{
	font-weight: bold;
	line-height: 110%;
	color: #663300;
	font-size: 18px;
}
#navbar_cell
{
	font-size: 12px;
	font-weight: bold;
	line-height: 100%;
	background-color: #E1E2D5;
}

.subnavbar
{
	font-size: 11px;
	font-weight: bold;
	line-height: 100%;
}

#content_cell { width: 100%; }

#content
{
	width: 100%;
	height: 1000px;
        background-color: #F4F9F4;
	//border-width: 1px;
	//border-style: solid;
	margin: 0px;
	font-family: Geneva, Helvetica, Arial, sans-serif;
        //background-image: URL(/test/art/interior_levels/lanegulper1.0.jpg;);
        //background-size: 100px;
}

/* MISC FONT SIZE CONTROLS */
.smalltext
{
	font-size: .8em;
	font-family: Geneva, Helvetica, Arial, sans-serif;
	
}

/* GENERAL SITE LINKS: These are the links in the main text body.*/
a:link
{
	color: #0000CC;
	text-decoration: underline;
}

a:visited
{
	color: #663300;
	text-decoration: underline;
}

a:active
{
	color: #CC9900;
	text-decoration: underline;
}

a:hover { text-decoration: underline; }

/* NAVBAR TITLE LINK: This is only for the Title at the top of the navbar.*/
a.navtitle:link
{
	color: #663300;
	text-decoration: none;
}

a.navtitle:visited
{
	color: #663300;
	text-decoration: none;
}

a.navtitle:active
{
	color: #CC9900;
	text-decoration: none;
}

a.navtitle:hover { text-decoration: underline; }

/* NAVBAR LINKS: This is for the primary second level navbar links.*/
a.navlink:link
{
	color: #336699;
	text-decoration: none;
}

a.navlink:visited
{
	color: #663300;
	text-decoration: none;
}

a.navlink:active
{
	color: #CC9900;
	text-decoration: none;
}

a.navlink:hover { text-decoration: underline; }

/* SUB NAVBAR LINKS: This is for the smaller third level navbar links.*/
a.subnavlink:link
{
	color: #336699;
	text-decoration: none;
}

a.subnavlink:visited
{
	color: #663300;
	text-decoration: none;
}

a.subnavlink:active
{
	color: #CC9900;
	text-decoration: none;
}

a.subnavlink:hover { text-decoration: underline; }

/* SPECIAL BODY LINKS: This is for the smaller third level navbar links.*/
a.bodylink:link
{
	color: #336699;
	text-decoration: none;
	font-weight: bold;
}

a.bodylink:visited
{
	color: #663300;
	text-decoration: none;
	font-weight: bold;
}

a.bodylink:active
{
	color: #CC9900;
	text-decoration: none;
}

a.bodylink:hover { text-decoration: underline; }

/* HEADER & FOOTER: These control the background images and colors in the header and footer cells. The PATHS MUST BE ABSOLUTE in order to work properly on old browsers.*/
#header_1 { background-color: #E1E2D5; }

#header_2
{
	background-image: url(http://www.mbari.org/art/interior_levels/header/bg_tile_left_bottom.gif);
	background-repeat: no-repeat;
	background-color: #E1E2D5;
}

#header_3
{
	background-image: url(http://www.mbari.org/art/interior_levels/header/bg_tile_right_bottom.gif);
	background-repeat: repeat-x;
	background-color: #fff0eb;
}

#header_4
{
	background-image: url(http://www.mbari.org/art/interior_levels/header/bg_tile_right_bottom.gif);
	background-repeat: repeat-x;
	background-color: #fff0eb;
}

#footer { background-color: #E1E2D5; }

h1
{
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	background-color: #E1E2D5;
}

h2
{
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}

h3
{
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}

.timestamp {
	font-size: .8em;
	font-family: Geneva, Helvetica, Arial, sans-serif;
	
	}

.sandcell {
	background-color: #E1E2D5;
}

/**This class will allow items to be displayed only if they are viewed on from a computer on the MBARI network **/
.internal_only
	{
	display: none;
	}